<!doctype html>
<html lang="en">
<head>
	<meta charset="UTF-8" />
	<title>Document</title>
	<link rel="stylesheet" type="text/css" href="Public/Home/css/head.css"/>
	<link rel="stylesheet" type="text/css" href="Public/Home/css/logo.css"/>
	<link rel="stylesheet" type="text/css" href="Public/Home/css/shop.css"/>
	<script src="Public/Home/js/jquery-1.7.2.min.js" type="text/javascript" charset="utf-8"></script>
	<script src="Public/Home/js/shop.js" type="text/javascript" charset="utf-8"></script>
</head>
<body>
	<!--头部-->
	<div id="header">
		<div class="top_nav">
			<div class="top_bg">
				
			</div>
			<div class="top_bd">
				<div class="topbar">
					<div class="attetion">
						<div class="attetion_wb">
							
						</div>
						<span>加关注</span>
					</div>
					<div class="share">
						<div class="share_bd">
							<span>分享：</span>
							<a href="">69</a>
						</div>
					</div>
					<div class="loginwrap">
						<span>
							<a href="">登录</a>
							|
							<a href="">注册</a>
						</span>
					</div>
					<a href="" class="kp_web">卡帕官网</a>
					<div class="cartbox">
						<a href="">购物车</a>
						<b>0</b>
					</div>
					<a href="" class="myorder">我的订单</a>
				</div>
			</div>
			
		</div>
		<div class="inner_box">
			<div class="logo">
				<a href="">
					<img src="Public/Home/img/logo.png"/>
				</a>
			</div>
			<div class="r_wrap">
				<div class="ser_wrap">
					<div class="ser_input">
						<form action="" method="post">
							<input type="submit" name="" class="btn_search" />
							<input type="text" name="" class="inputstyle" value="" placeholder="搜索"/>
						</form>
					</div>
				</div>
				<div class="Safeguard"></div>
			</div>
		</div>
		<div class="nav_cont">
			<div class="nav_box">
				<div class="cat_main">
					<ul>
						<li>
							<a href="" class="trigger_a">首页</a>
						</li>
						<li>
							<a href="">学生装</a>
						</li>
						<li>
							<a href="">搭配潮向</a>
						</li>
						<li>
							<a href="">男装</a>
						</li>
						<li>
							<a href="">女装</a>
						</li>
						<li>
							<a href="">男鞋</a>
						</li>
						<li>
							<a href="">女鞋</a>
						</li>
						<li>
							<a href="">配件</a>
						</li>
						<li>
							<a href="">经典系列</a>
						</li>
						<li>
							<a href="">设计师</a>
						</li>
					</ul>
				</div>
				<div class="news_wrap">
					<div class="TreeListTitle">
						<a href="">热点新闻</a>
					</div>
				</div>
			</div>
		</div>
	</div>
	<!--公用头部做完了-->
	<div id="ad_banner">
		<a href=""><img src="Public/Home/img/lhh.jpg"/></a>
	</div>
	<!--中间-->
	<div id="AllWrap">
		<div class="Navigation">
			您当前位置：
			<span>
				<a href="">首页</a>
			</span>
			<span>»</span>
			<span>
				<a href="">男装</a>
			</span>
			<span>»</span>
			<span>
				<a href="">T恤</a>
			</span>
			<span>»</span>
			<span>Kappa男短袖T恤 圆领图案衫半袖运动上衣2016春夏新款|K0612TD34</span>
		</div>
		<div class="goods_viewer">
			<div class="detail_inner">
				<div class="main_info">
					<form action="" method="post">
						<div class="goods_leftbox ">
							<a href=""><img src="Public/Home/img/shop001.jpg"/></a>
						</div>
						<div class="goods_rightbox">
							<h2 class="goodsname">Kappa男短袖T恤 圆领图案衫半袖运动上衣2016春夏新款|K0612TD34           </h2>
							<div class="list_clearfix">
								<ul>
									<li>
										<span>色系：</span>
										<em>蓝色  </em>
									</li>
									<li>
										<span>价位区间：</span>
										<em>100-199   </em>
									</li>
									<li>
										<span>材质：</span>
										<em>纯棉</em>
									</li>
								</ul>
							</div>
							<div class="goods_spec">
								<label for="">
									<span>
										<em>上装尺码：</em>
									</span>
								</label>
								<div class="rightdiv">
									<ul>
										<li>
											<a href="javascript:;">
												<span>
													<nobr>M</nobr>
												</span>
												<i></i>
											</a>
										</li>
										<li>
											<a href="javascript:;">
												<span>
													<nobr>L</nobr>
												</span>
												<i></i>
											</a>
										</li>
										<li>
											<a href="javascript:;">
												<span>
													<nobr>XL</nobr>
												</span>
												<i></i>
											</a>
										</li>
										<li>
											<a href="javascript:;">
												<span>
													<nobr>XXL</nobr>
												</span>
												<i></i>
											</a>
										</li>
									</ul>
								</div>
							</div>
							<div class="buyinfo">
								<label for="">数量：</label>
								<div class="Numinput">
									<input type="text" name="shuliang" id="shul" value="1" />
									<div class="numadjust_arr">
										<span class="increase"></span>
										<span class="decrease"></span>
									</div>
								</div>
								<span>( 库存 <em>600</em> )</span>
							</div>
							<div class="chose_color">
								<label for="">可选颜色：</label>
								<div class="rightdiv">
									<ul>
										<li>
											<a href=""><img src="Public/Home/img/shop001_01.jpg"/></a>
										</li>
										<li>
											<a href=""><img src="Public/Home/img/shop001_02.jpg"/></a>
											
										</li>
										<li>
											<a href=""><img src="Public/Home/img/shop001_03.jpg"/></a>
											
										</li>
									</ul>
								</div>
							</div>
							<div class="mrk_price">
								<span>价格：</span>
								<em class="goodsprice">￥199</em>
							</div>
							<div class="hightline ">
								<div class="flt">
									<input type="button" name="" class="btn_fastbuy" value="立即购买" style="cursor: not-allowed;" />
									<input type="button" name="" class="btn_buy" value="加入购物车" style="cursor: not-allowed;" />
									<div class="pro_fav">
										<ul>
											<li>
												<a class="btn_a" href="">
													<span>
														<i></i>
														<div class="fav">收藏此商品</div>
														<div class="nofav">已收藏</div>
													</span>
												</a>
											</li>
										</ul>
									</div>
								</div>
							</div>
							<div class="numwrap">
								<p>已有 <em>26</em> 人收藏</p>
								<p>已卖出 <em>15</em> 件</p>
							</div>
						</div>
					</form>
				</div>
				<div class="clearfix">
					<div class="detail_left">
						<?php foreach ($cateData as $k=>$v){?>
						<div class="catelog_wrap">
							<h2 style="font-weight: bold;">
								<a href=""><?php echo $v['cname']?></a>
							</h2>
							<ul>
								<?php foreach ($v['ziji'] as $kk=>$vv){?>
								<li><a href=""><?php echo $v['cname']?></a></li>
								<?php }?>
							</ul>
						</div>
						<?php }?>
						<div class="catelog_wrap" style="background: #F1F1F1;">
							<h2 style="font-weight: bold;">
								<a href="">促销优惠</a>
							</h2>
							<dl>
								<dt>
									<img src="Public/Home/img/acxyh_01.jpg" alt="" />
								</dt>
								<dd>
									<h5><a href="">秒杀周六日  89</a></h5>
									<p>
										<em>99.000</em></br><span class="colle">收藏人气 993</span>
									</p>
								</dd>
							</dl>
							<dl>
								<dt>
									<img src="Public/Home/img/acxyh_02.jpg" alt="" />
								</dt>
								<dd>
									<h5><a href="">秒杀周六日  89</a></h5>
									<p>
										<em>99.000</em></br><span class="colle">收藏人气 993</span>
									</p>
								</dd>
							</dl>
							<dl>
								<dt>
									<img src="Public/Home/img/acxyh_03.jpg" alt="" />
								</dt>
								<dd>
									<h5><a href="">秒杀周六日  89</a></h5>
									<p>
										<em>99.000</em></br><span class="colle">收藏人气 993</span>
									</p>
								</dd>
							</dl>
							<dl>
								<dt>
									<img src="Public/Home/img/acxyh_04.jpg" alt="" />
								</dt>
								<dd>
									<h5><a href="">秒杀周六日  89</a></h5>
									<p>
										<em>99.000</em></br><span class="colle">收藏人气 993</span>
									</p>
								</dd>
							</dl>
							<dl>
								<dt>
									<img src="Public/Home/img/acxyh_05.jpg" alt="" />
								</dt>
								<dd>
									<h5><a href="">秒杀周六日  89</a></h5>
									<p>
										<em>99.000</em></br><span class="colle">收藏人气 993</span>
									</p>
								</dd>
							</dl>
						</div>
						<!--热销产品-->
						<div class="catelog_wrap" style="background: #F1F1F1;">
							<h2 style="font-weight: bold;">
								<a href="">热销产品</a>
							</h2>
							<dl>
								<dt>
									<img src="Public/Home/img/acxyh_01.jpg" alt="" />
								</dt>
								<dd>
									<h5><a href="">秒杀周六日  89</a></h5>
									<p>
										<em>99.000</em></br><span class="colle">收藏人气 993</span>
									</p>
								</dd>
							</dl>
							<dl>
								<dt>
									<img src="Public/Home/img/acxyh_02.jpg" alt="" />
								</dt>
								<dd>
									<h5><a href="">秒杀周六日  89</a></h5>
									<p>
										<em>99.000</em></br><span class="colle">收藏人气 993</span>
									</p>
								</dd>
							</dl>
							<dl>
								<dt>
									<img src="Public/Home/img/acxyh_03.jpg" alt="" />
								</dt>
								<dd>
									<h5><a href="">秒杀周六日  89</a></h5>
									<p>
										<em>99.000</em></br><span class="colle">收藏人气 993</span>
									</p>
								</dd>
							</dl>
							<dl>
								<dt>
									<img src="Public/Home/img/acxyh_04.jpg" alt="" />
								</dt>
								<dd>
									<h5><a href="">秒杀周六日  89</a></h5>
									<p>
										<em>99.000</em></br><span class="colle">收藏人气 993</span>
									</p>
								</dd>
							</dl>
							<dl>
								<dt>
									<img src="Public/Home/img/acxyh_05.jpg" alt="" />
								</dt>
								<dd>
									<h5><a href="">秒杀周六日  89</a></h5>
									<p>
										<em>99.000</em></br><span class="colle">收藏人气 993</span>
									</p>
								</dd>
							</dl>
						</div>
					</div>
					<div class="detail_right">
						<h4 class="clearfix ">
							<span class="goodsDetailTab">
								<a>商品详情</a>
							</span>
							<span class="goodsDetailTab active">
								<a>
									商品详情(
									<em>0</em>
									)
								</a>
							</span>
						</h4>
						<div class="goodsDetailContent">
							<div class="pdtdetail" style="margin: 0;">
								<div>
									<img src="Public/Home/img/5c6cc89fb2da863b1aa99fa6b4f4d330.jpg"/>
									<img src="Public/Home/img/5c6cc89fb2da863b1aa99fa6b4f4d330.jpg"/>
									<img src="Public/Home/img/5c6cc89fb2da863b1aa99fa6b4f4d330.jpg"/>
									<img src="Public/Home/img/5c6cc89fb2da863b1aa99fa6b4f4d330.jpg"/>
									<img src="Public/Home/img/5c6cc89fb2da863b1aa99fa6b4f4d330.jpg"/>
									<img src="Public/Home/img/5c6cc89fb2da863b1aa99fa6b4f4d330.jpg"/>
									<img src="Public/Home/img/5c6cc89fb2da863b1aa99fa6b4f4d330.jpg"/>
									<img src="Public/Home/img/5c6cc89fb2da863b1aa99fa6b4f4d330.jpg"/>
								</div>
							</div>
							<div class="pdtdetail" style=" display: none;">
								<div class="referbox">
									<h4 class="dis_cons_title">发表咨询</h4>
									<div class="consult">
										<form method="post">
											<div class="division ">
												<div class="leftbox">
													<ul>
														<li class="ask_float">
															<span class="area_name">内容：</span>
															<span>
																 请<a href="">登录</a>后再留言
																<br />
																如果你不是会员请
																<a href="">注册!</a>
															</span>
															<textarea name="commot" style="width: 87%;" rows="" cols=""></textarea>
														</li>
														<li>
															联系方式：
															<input type="text" name="contact" vtype="required" class="inputstyle" value=" " />
															<span class="infotips">(可以是电话、email、qq等)</span>
														</li>
														<li>
															验证码：
															<input type="text" size="4" name="yanz" id="" value=" " />
															<img src=""/>
															<a href="">看不清？换张图片</a>
														</li>
														<li>
															<button class="btn" type="submit"></button>
														</li>
													</ul>
												</div>
											</div>
										</form>
									</div>
								</div>
							</div>
						</div>
					</div>
				</div>				
			</div>
		</div>
	</div>
	<!--底部共享區域-->
	<div id="footer">
		<div class="footer_box">
			<ul class="help_wrap">
				<li>
					<div class="TreeList">
						<div class="TreeListTitle">
							<a href="">新手指南</a>
						</div>
						<div class="TreeListContent">
							<div class="cat_1">
								<a href="">新用戶註冊</a>
							</div>
							<div class="cat_1">
								<a href="">用户协议</a>
							</div>
						</div>
					</div>
				</li>
				<li>
					<div class="TreeList">
						<div class="TreeListTitle">
							<a href="">服务相关</a>
						</div>
						<div class="TreeListContent">
							<div class="cat_1">
								<a href="">退款方式</a>
							</div>
							<div class="cat_1">
								<a href="">退换货政策</a>
							</div>
							<div class="cat_1">
								<a href="">账户管理</a>
							</div>
						</div>
					</div>
				</li>
				<li>
					<div class="TreeList">
						<div class="TreeListTitle">
							<a href="">配送服务</a>
						</div>
						<div class="TreeListContent">
							<div class="cat_1">
								<a href="">配送方式</a>
							</div>
							<div class="cat_1">
								<a href="">配送费用</a>
							</div>
							<div class="cat_1">
								<a href="">快递查询</a>
							</div>
							<div class="cat_1">
								<a href="">包装形式</a>
							</div>
						</div>
					</div>
				</li>
				<li>
					<div class="TreeList">
						<div class="TreeListTitle">
							<a href="">购物指南</a>
						</div>
						<div class="TreeListContent">
							<div class="cat_1">
								<a href="">线上购物流程</a>
							</div>
							<div class="cat_1">
								<a href="">订单质询</a>
							</div>
						</div>
					</div>
				</li>
				<li>
					<div class="TreeList">
						<div class="TreeListTitle">
							<a href="">支付方式</a>
						</div>
						<div class="TreeListContent">
							<div class="cat_1">
								<a href="">支付方式</a>
							</div>
							<div class="cat_1">
								<a href="">发票制度</a>
							</div>
						</div>
					</div>
				</li>
			</ul>
			<div class="surput_wrap">
				<ul>
					<li class="li_1">7天退换货保障</li>
					<li class="li_2">正品保障</li>
					<li class="li_3">单笔订单满99元</li>
					<li class="li_4">
						<a href="">在线客服</a>
					</li>
				</ul>
			</div>
		</div>
		<div id="ad_banner"></div>
	<div id="banquan">
		<span>©版权所有 2012 上海卡帕体育用品有限公司 备案号 京ICP备11012820号-1</span>
	</div>
	</div>
</body>
</html>
